/*点击向右按钮，可以让整个ul向左滑动，设置ul的margin-left为负的li宽度，然后和把第一个li放到最后一个，设置ul的margin-left为0px
这样就形成了无缝连接了；注意的是，设置的部分必须放到ul向左滑动动画的回调函数里面。
e.点击向左按钮，想把ul的margin-left设置成负的li宽度，然后把最后一个li放到第一个，然后设置ul的margin-left为0px，此时大功告成*/
ul{
    list-style: none;
}
/*---轮播大窗口---*/
#title_carousel{
    width:1119px;
    position: relative;
    height:392px;
    overflow: hidden;
    border-radius: 15px;
    margin:0 auto 0px -100px;
}
/*-------轮播图片------*/
.carousal-img{
    height:392px;
    width: calc(1119px*3);
    position:absolute;
}
.carousal-img img {
    display: inline-block;
    width: 1119px;
    height: 392px;
}
/*----------下方圆点显示--------*/
.carousal-indicators{
    position:absolute;
    z-index: 15;
    bottom:20px;
    font-size:0px;
    text-align:center;
    width:100%;
}
.carousal-indicators li {
    display: inline-block;
    width:10px;
    height:10px;
    background:transparent;
    margin:3px;
    text-align:center;
    border-radius:50%;
    border:2px solid #FFFFFF;
    cursor:pointer;
}
.carousal-indicators li.active{
    background:#FFFFFF;
    width: 10px;
    height: 10px;
}
/*--------左右控制的按键--------*/
.btn {
    position:absolute;
    z-index: 15;
    top:0px;
    bottom:0;
    left:0;
    width:11%;
    padding: 170px 0;
    background-color:rgba(0,0,0,0);
    color:#FFFFFF;
    text-align:center;
    font-weight:900;
    text-shadow: 0 1px 2px rgba(0,0,0,0.6);
    font-size:60px;
    opacity: 0.6;
    cursor:pointer;
}
.btn:focus, .btn:hover{
    color:#FFFFFF;
    opacity: 0.9;
    background-color:rgba(0,0,0,0.1);
}
#left{
    left:0px;
    right:auto;
}
#right{
    right:0px;
    left: auto;
}
